<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>京都动画</title>
	<link rel="shortcut icon" href="../image/京阿尼徽标.png" /> 
</head>

<body bgcolor="#FFF1BF">
	<style type="text/css">
		
		*{margin: 0;padding: :0;}
		.con{width:100%;height: 100%;}
		.a{width:30%;height: 100%;float:left;background-color: #FFF1BF;}
		.b{width:70%;height: 100%;float:right;background-color: #BBE5FF;}
		.c{width:100%;height: 40%;float:none;background-color:#FFF1BF;}
		.d{width:100%;height: 60%;float:none;background-color:#FFF1BF;}
		.f{width:50%;height: 100%;float:left;}
		.g{width:50%;height: 100%;float:right;}
		p{
			 animation-duration: 1.7s;
			 animation-name: slidein;
		     animation-iteration-count: 3;
			 animation-direction: alternate;
		}
		show{
			animation-duration: 2.2s;
			 animation-name: slidedown;
		     animation-iteration-count: 3;
			 animation-direction: alternate;
		}
		@keyframes slidein {
					  from {
						margin-left: 100%;
						width: 100%;
					  }

					  to {
						margin-left: 0%;
						width: 100%;
					  }
					}
		
		@keyframes slidein1{
			from {
						margin-left: 100%;
						width: 50%;
					  }

					  to {
						margin-left: 0%;
						width: 50%;
					  }
		}
		
		
	</style>
	<div class="con">
<!--		分区一-->
		<div class="a">
<!--			表格分区-->
			<div width="100%" height="100%">
			<table width="100%" height="100%" border="0" cellspacing="20" cellpadding="10">
			  <tbody>
					<tr>
					  <td >
						  <p style="font-size: 45px; font-family: '楷体'; color: #000000；; ">京都动画</p>
					  </td>
					</tr>
					<tr>
					  <td style="font-size: 22px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;京都动画（日语全称： 株式会社京都アニメーション），是一家以动画企划、制作以及动画制作相关的技术指导为主要营业事项的日本公司。公司成立于1981年，1985年7月12日成为有限公司，并于1999年成为股份有限公司。 2003年开始独立制作动画。&nbsp;
					<p><img src="../image/京阿尼徽标.png" alt=""/ style="width: 380px; height: ; border-radius: 8px;"> </p>
					<p style="animation: none">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;京都动画昵称为“京アニ”（京阿尼）。其公司商标的设计来自于公司名称开头汉字“京”的变化。</p>
					
					</td>
					</tr>
				    
			  </tbody>
			</table>
			</div>
			<div style="text-align: center"><a href="../index.html" style="text-decoration: none;color:#ED6115;font-size: 40px;font-family: '楷体' ">返回首页</a></div>
		</div>
<!--		分区二-->
		<div class="b">
<!--			div分区-->
			<div class="c">
				<div class="f"><img alt=""/ src="../image/京阿尼.png"/style="width: 100%; height: 100%; border-radius: 5px;"></div>
				<div class="g" ><img alt=""/ src="../image/R-C (2).jfif"/style="width: 100%; height: 100%; border-radius: 5px;"style="animation-duration: 1s;
			 animation-name: slidein1;
		     animation-iteration-count: 1;
			 animation-direction: alternate;"></div>
			</div>
			<div class="d"><video src="../video/京阿尼视频.avi" controls="controls"  width="100%" height="90%"></video></div>
		</div>
	</div>
</body>
</html>
